<html>
<head>
<title>CKFinder</title>
<script type="text/javascript" src="<?=public_base_url()?>js/jquery-1.4.1.min.js"></script>
<style type="text/css">
body {
 background-color: #fff;
 margin: 40px;
 font-family: Lucida Grande, Verdana, Sans-serif;
 font-size: 14px;
 color: #4F5155;
}

a {
 color: #003399;
 background-color: transparent;
 font-weight: normal;
}

h1 {
 color: #444;
 background-color: transparent;
 border-bottom: 1px solid #D0D0D0;
 font-size: 16px;
 font-weight: bold;
 margin: 24px 0 2px 0;
 padding: 5px 0 6px 0;
}

code {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}

</style>
<script language="JavaScript" type="text/javascript">
$(document).ready( function() {
	var finder = new CKFinder();
	finder.BasePath = '/';
	finder.SelectFunction = SetFileField;
	$("#browseServer").bind("click", function(){
		finder.Popup();
	});
});
</script>

</head>
<body>
<?=$this->ckfinder->CreateHtml();?>
<?=form_open("content")?>
<table align="center"><tbody><tr><td>Selected File URL<br>
	<input type="text" size="60" name="FilePath" id="xFilePath">
	<input type="button" id="browseServer" value="Browse Server"></td></tr>
</tbody></table>
<?=form_close()?>
</body>
</html>